<template>
    <div class="report-init">
        <div class="crumbs">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item :to="{path:'/'}">首页</el-breadcrumb-item>
                <el-breadcrumb-item>放心选品类管理</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="plugins-tips">
            周报生成
        </div>
        <div class="cont">
            <div class="cont-list">
                <el-table :data="tableData"
                          style="width:100%"
                          border
                          stripe
                          highlight-current-row>
                    <el-table-column prop="id" label="ID" width="80"></el-table-column>
                    <el-table-column prop="title" label="项目名称" min-width="200"></el-table-column>
                </el-table>
            </div>
            <div class="cont-form">
                <el-form class="form-box" :model="formData" label-width="100px">
                    <el-form-item label="项目标题">
                        <el-input v-model.trim="formData.box1" placeholder="请输入项目标题"></el-input>
                    </el-form-item>
                    <el-form-item label="项目标题">
                        <el-input v-model.trim="formData.box2" placeholder="请输入项目标题"></el-input>
                    </el-form-item>
                    <el-form-item label="项目标题">
                        <el-input v-model.trim="formData.box3" placeholder="请输入项目标题"></el-input>
                    </el-form-item>
                    <el-form-item label="项目标题">
                        <el-input v-model.trim="formData.box4" placeholder="请输入项目标题"></el-input>
                    </el-form-item>
                    <el-form-item label="">
                        <el-button type="primary" size="small" @click="addDesc()">添加
                        </el-button>
                    </el-form-item>
                </el-form>
            </div>
        </div>
    </div>
</template>

<script>
    import Api from '~util/api.js'

    export default {
        name: '',
        data() {
            return {
                formData: {},
                tableData: [
                    {
                        id: 1,
                        title: "业务品牌退货地址-项目主页3",
                    },
                    {
                        id: 2,
                        title: "业务品牌退货地址-项目主页4",
                    },
                    {
                        id: 3,
                        title: "业务品牌退货地址-项目主页4",
                    },
                    {
                        id: 4,
                        title: "业务品牌退货地址-项目主页4",
                    },
                    {
                        id: 5,
                        title: "业务品牌退货地址-项目主页4",
                    },
                    {
                        id: 6,
                        title: "业务品牌退货地址-项目主页4",
                    },

                ]
            };
        },
        created() {
        },
        methods: {
            detail(id) {
                this.$router.push({
                    name: 'taskDetail',
                    query: {
                        id: id
                    }
                })
            },
            addDesc() {

            }
        }
    };
</script>

<style lang="sass" type="text/scss">
    .report-init {
        .cont {
            display: flex;
            .cont-list {
                width: 40%;
            }
            .cont-form {
                width: 60%;
            }
        }

    }
</style>
